<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">

    <p>
        {{num}}
    </p>

</div>

<script>
    new Vue({
        el: "#app",
        data:{
            num:30,
        },
    })
    function add(a,b){
        console.log(a+b)
    }
    add(4,20)

    //匿名函数
    let app = function (a,b){
        console.log(a + b);
    }
    app(3,20)

    //箭头函数 其实就是对于匿名函数的简化
    let app2 = (a,b,c) => console.log((a+b*c),'app2')
    app2(2,3,4)

    let app3 = (a,b,c) => {
        console.log(a)
        console.log((b * c),'app3');
    }
    app3(4,5,6)



</script>
</body>
</html>